@charset "UTF-8";
@font-face { font-family: 'icomoon'; src: url("../fonts/fonts/icomoon.eot?47mshf"); src: url("../fonts/fonts/icomoon.eot?47mshf#iefix") format("embedded-opentype"), url("../fonts/fonts/icomoon.ttf?47mshf") format("truetype"), url("../fonts/fonts/icomoon.woff?47mshf") format("woff"), url("../fonts/fonts/icomoon.svg?47mshf#icomoon") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-back:before { content: "\e612"; }

.icon-grey-right:before { content: "\e618"; }

.icon-grey-left:before { content: "\e619"; }

.icon-grey-down:before { content: "\e61c"; }

.icon-grey-up:before { content: "\e61d"; }

.icon-slice:before { content: "\e61b"; }

.icon-trend:before { content: "\e64b"; }

.icon-time:before { content: "\ec60"; }

.icon-look:before { content: "\f0037"; }

.icon-arrow-right:before { content: "\e6c0"; }

.icon-arrow-left:before { content: "\e6c1"; }

.icon-arrow-down:before { content: "\e6c2"; }

.icon-arrow-up:before { content: "\e6c3"; }

.icon-message:before { content: "\e61a"; }

.icon-a-left:before { content: "\e61e"; }

.icon-a-right:before { content: "\e61f"; }

.icon-a-up:before { content: "\e620"; }

.icon-a-down:before { content: "\e621"; }

.icon-drop-down:before { content: "\e64f"; }

.icon-tool:before { content: "\e7ce"; }

.icon-download:before { content: "\f007f"; }

body, h1, h2, h3, h4, h5, h6, hr, p, div, span, ul, ol, li, input, img, select, figure { margin: 0; padding: 0; }

body, html { font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; }

a { text-decoration: none; }

ul, li { list-style-type: none; }

img { border: none; }

table { border-collapse: collapse; border-spacing: 0; }

.fl { float: left; }

.fr { float: right; }

/*清除浮动*/
.clear:before, .new-content li:before, .form-box .group:before, .clear:after, .new-content li:after, .form-box .group:after { content: ""; display: table; }
.clear:after, .new-content li:after, .form-box .group:after { clear: both; }

.ell, .com-table .com-tbody td { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.hide { display: none; }

.mt10 { margin-top: 10px; }

.mt20 { margin-top: 20px; }

.mt50 { margin-top: 50px; }

.mr10 { margin-right: 10px; }

.mr30 { margin-right: 30px; }

.ml10 { margin-left: 10px; }

.m10 { margin: 0 10px; }

.header .logo { display: inline-block; padding: 15px 0; }
.header .ser { padding-top: 15px; }
.header .ser .search-warp { border: 1px solid #ccc; margin-top: 10px; }
.header .ser .search-warp .search { border: none; outline: none; padding: 5px 0 0 5px; }
.header .ser .search-warp .search-icon { display: inline-block; padding: 5px; }

.nav { background-color: #e76520; }
.nav li { position: relative; float: left; padding: 14px 0; }
.nav li a { display: inline-block; padding: 0 30px; color: #fff; border-right: 1px solid #fff; }
.nav li:hover, .nav li.on { position: relative; }
.nav li:hover:after, .nav li.on:after { content: ''; position: absolute; background: #ef986a; left: -1px; right: -1px; top: 0; bottom: 0; }
.nav li:hover a, .nav li.on a { position: relative; z-index: 9; border-right-color: #ef986a; }

.ftList, .footernew { padding: 40px 0; }

.ftList { background: #f4f4f4; }
.ftList .item { display: inline-block; border: 1px solid #ccc; background: #fff; padding: 5px 10px; margin-right: 17px; }
.ftList .item .tit { color: #666; width: 82px; padding-left: 10px; font-size: 13px; }
.ftList .item:hover .tit { text-decoration: underline; }
.ftList .item:last-child { margin-right: 0; }

.footernew { background: #E76520; }
.footernew .list { position: relative; float: left; padding: 0 44px; }
.footernew .list a { color: #fff; }
.footernew .list .title { padding-bottom: 20px; }
.footernew .list .sub { line-height: 1.8; color: #e8e8e8; }
.footernew .list .sub a { color: #e8e8e8; }
.footernew .list .sub a:hover { color: #fff; }
.footernew .list .sub .online { width: 80px; }
.footernew .list .sub .online a { display: block; padding-bottom: 7px; }
.footernew .list .sub .online img { border-radius: 3px; }
.footernew .list:after { position: absolute; content: ""; border-right: 1px dashed #ed8b57; height: 250px; top: 0; right: 0; }
.footernew .list:first-child { padding-left: 0; }
.footernew .list:last-child { padding-right: 0; }
.footernew .list:last-child:after { border: none; }

.f-warp { background-color: #333; padding: 10px 0; }
.f-warp .f-copy { color: #b2b2b2; }
.f-warp .f-copy a { color: #b2b2b2; }
.f-warp .f-copy a:hover { text-decoration: underline; }
.f-warp .link { border: 1px solid #818181; color: #b2b2b2; padding: 0 15px 4px 10px; font-size: 13px; cursor: pointer; }
.f-warp .link [class^="icon-"]:before { font-size: 20px; vertical-align: sub; }

.tc, .poster-main .poster-list p, .com-table .com-tbody td { text-align: center; }

.layout { width: 1100px; margin: 0 auto; }

.t-color, .back-btn:hover a, .pro-more a:hover, .case-inner .qunar .next:hover, .case-inner .qunar .prev:hover { color: #E76520; }

.t-white, .support .text, .partner .text, .qunar .slide-pic li .info, .qunar .slide-pic li .info a, .develop-content, .case-info .pic-list p, .com-table thead, .com-table .btn-down, .form-box .btn-area .m-btn, .con-l { color: #fff; }

.t-grey, .content .company p, .content .culture p, .develop-content .c-list h3, .new-link-main .hd, .new-link-main .bd, .back-btn a, .com-text, .pro-info p, .case-info p, .pro-more a, .show-main .list, .case-inner .qunar .next, .case-inner .qunar .prev, .sup-content .sup-text, .com-table .com-tbody td, .ser-content, .job-list .jobbd, .con-wap { color: #666; }

.glyphicon { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slideBox { position: relative; width: 100%; height: 420px; overflow: hidden; }
.slideBox .hd { position: absolute; left: 47.5%; bottom: 15px; z-index: 1; overflow: hidden; }
.slideBox .hd ul li { display: inline-block; background: url(../img/ban_blank.png) no-repeat; margin-right: 5px; width: 15px; height: 15px; cursor: pointer; }
.slideBox .hd .on { background: url(../img/ban_orange.png) no-repeat; }
.slideBox .bd { position: relative; height: 100%; z-index: 0; }
.slideBox .bd li { zoom: 1; vertical-align: middle; }
.slideBox .bd li img { width: 100%; height: 420px; display: block; }
.slideBox .prev, .slideBox .next { display: block; position: absolute; top: 50%; width: 40px; height: 40px; cursor: pointer; }
.slideBox .prev { left: 115px; background: url(../img/ban_prev.png) no-repeat; }
.slideBox .prev:hover { background: url(../img/ban_prev2.png) no-repeat; }
.slideBox .next { right: 115px; background: url(../img/ban_next.png) no-repeat; }
.slideBox .next:hover { background: url(../img/ban_next2.png) no-repeat; }

.hdTop, .new-link-main .hd { margin: 40px auto 40px; text-align: center; cursor: pointer; }
.hdTop .title, .new-link-main .hd .title { color: #333; font-weight: 500; font-size: 25px; }
.hdTop .title .icon-round, .new-link-main .hd .title .icon-round { padding: 0 5px; }
.hdTop .text, .new-link-main .hd .text { color: #b5b5b5; padding: 5px 0; }
.hdTop .line, .new-link-main .hd .line { width: 46px; height: 2px; margin: 5px auto; border-bottom: 2px solid #b5b5b5; }

.product .title, .support .title { color: #fff; padding-top: 40px; }

.partner .text { color: #b5b5b5; }

.about .bg { position: relative; }
.about .present { background: #e76520; padding: 40px 20px; color: #fff; }
.about .title { font-size: 25px; }
.about .text { font-size: 13px; padding: 10px 0; }
.about .detail { background: #f4f4f4; height: 240px; }
.about .detail .text { width: 390px; height: 140px; padding: 20px; color: #666; line-height: 1.6; }
.about .pic { position: absolute; top: 60px; right: 0; height: 330px; overflow: hidden; }
.about .pic a { float: left; position: relative; width: 150px; transition: all .3s; -webkit-transition: all .3s; display: block; }
.about .pic img { height: 100%; }
.about .pic .cover { display: none; position: absolute; width: 100%; height: 100%; background-color: #333; color: #fff; text-align: center; opacity: 0.6; filter: alpha(opacity=60); padding-top: 60%; font-size: 14px; }
.about .pic .cover p { margin-top: 10px; opacity: 1; filter: alpha(opacity=100); }
.about .pic [class^=icon-]:before { font-size: 28px; }
.about .pic .on { width: 200px; }
.about .pic .on .cover { display: block; }

.product { background: url(../img/show_01.jpg) no-repeat; width: 100%; padding-bottom: 50px; }
.product .itemFrist .item { position: relative; }
.product .itemFrist .item img { width: 360px; }
.product .itemFrist .active { display: none; position: absolute; width: 360px; height: 196px; top: 0; left: 0; background: #E76520; opacity: 0.8; filter: alpha(opacity=70); z-index: 50; }
.product .itemFrist .active .icon-arrow { position: absolute; top: 35%; left: 45%; }
.product .itemFrist .active .title { position: absolute; top: 80px; width: 100%; text-align: center; font-size: 18px; color: #FFF; }
.product .itemLast { margin: 10px 0; }
.product .itemLast img { width: 267px; }
.product .itemLast .active { position: absolute; width: 100%; height: 196px; top: 0; left: 0; background: #E76520; opacity: 0.8; filter: alpha(opacity=70); z-index: 50; }
.product .itemLast .active .title { position: absolute; top: 80px; width: 100%; text-align: center; font-size: 18px; color: #FFF; }
.product .itemLast .active .tit { position: absolute; height: 20px; bottom: 0; z-index: 10; }
.product .item .active { filter: alpha(opacity=0); opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; }
.product .item:hover .tit { z-index: -1; }
.product .item:hover .active { opacity: .8; filter: alpha(opacity=70); display: block; }

.itemFrist img, .itemLast img { height: 196px; }
.itemFrist a, .itemLast a { display: block; position: relative; float: left; }
.itemFrist .item [class^="icon-"]:before, .itemLast .item [class^="icon-"]:before { position: absolute; top: 35%; left: 45%; font-size: 30px; color: #fff; }
.itemFrist .item .tit, .itemLast .item .tit { display: block; position: absolute; width: 100%; bottom: 3px; padding: 5px 0; background: #333; opacity: 0.8; text-align: center; color: #FFF; }
.itemFrist .item:hover .tit, .itemLast .item:hover .tit { color: #333; }

.more { position: relative; padding: 25px 0; }
.more [class^="icon-"] { color: #E76520; font-size: 20px; }

.more-btn, .btn { border: 1px solid #a0a0a0; color: #a0a0a0; }
.more-btn:hover, .btn:hover { background: #E76520; color: #FFFFFF; border-color: #E76520; }

.more-btn { padding: 4px 35px; margin-left: 20px; }

.btn { display: inline-block; position: absolute; left: 45%; padding: 2px 30px; }

.qunar { position: relative; overflow: hidden; }
.qunar .slide-pic { z-index: 1; white-space: nowrap; }
.qunar .slide-pic li { position: relative; height: 386px; }
.qunar .slide-pic li > a { display: block; overflow: hidden; }
.qunar .slide-pic li .info { position: absolute; top: 246px; padding: 16px; overflow: hidden; z-index: 20; white-space: normal; word-wrap: break-word; background: #E76520; }
.qunar .slide-pic li .info a:hover { color: #e8e8e8; }
.qunar .slide-pic li .info .txt { padding: 10px 0; line-height: 1.8; }
.qunar .slide-pic li .info .date { font-size: 12px; }
.qunar .hd { position: absolute; top: 55%; left: 40%; }
.qunar .hd ul li { display: inline-block; margin-right: 5px; width: 15px; height: 15px; background: url(../img/new_white.png) no-repeat; cursor: pointer; }
.qunar .hd .on { background: url(../img/new_orange.png) no-repeat; }

.newCenter .qunar { width: 400px; }
.newCenter .next { position: absolute; bottom: 10px; right: 10px; width: 20px; height: 20px; z-index: 999; background: url(../img/arrow-white.png) no-repeat; cursor: pointer; }
.newCenter .next:hover { background: url(../img/arrow-white_2.png) no-repeat; }

.newList .list-txt { position: relative; border-bottom: 1px dotted #666; padding-bottom: 10px; cursor: pointer; }
.newList .list-txt .title { color: #333; }
.newList .list-txt .txt { width: 657px; padding: 10px 0; line-height: 1.8; font-size: 13px; }
.newList .list-txt .txt a { color: #666; }
.newList .list-txt .date { color: #666; font-size: 12px; }
.newList .list-txt .arrow { position: absolute; bottom: 10px; right: 0; width: 20px; height: 20px; background: url(../img/arrow-grey.png) no-repeat; }
.newList .list-txt:hover .title { color: #E76520; }
.newList .list-txt:hover .arrow { background: url(../img/arrow-orange.png) no-repeat; }

.support { padding-bottom: 50px; background: url(../img/sup_bg.jpg) no-repeat; }
.support .list .listBtn { position: relative; display: inline-block; margin: 0 60px; width: 190px; height: 190px; background: url(../img/bg_white.png) no-repeat; transition-duration: 0.5s; -webkit-transition-property: color, background-color; transition-property: color, background-color; }
.support .list .listBtn [class^="icon-"]:before { position: absolute; top: 40px; left: 70px; font-size: 40px; color: #E76520; }
.support .list .listBtn .title { position: absolute; bottom: 65px; left: 60px; font-weight: 500; color: #000; }
.support .list .listBtn:hover { background: url(../img/bg_orange.png) no-repeat; }
.support .list .listBtn:hover .title { color: #fff; }
.support .list .listBtn:hover [class^="icon-"]:before { color: #fff; }
.support .list .detail { width: 315px; color: #fff; }
.support .mar { margin: 0 77px; }

.parLogo { margin-bottom: 50px; }
.parLogo a { display: block; position: relative; float: left; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.parLogo a img { width: 217px; height: 92px; }
.parLogo a .info { display: none; }
.parLogo a:hover .eff { position: absolute; top: 0; left: 0; background: #E76520; width: 218px; height: 96px; opacity: 0.8; filter: alpha(opacity=70); }
.parLogo a:hover .logo-arrow { position: absolute; width: 36px; height: 36px; top: 28px; left: 90px; background: url(../img/logo_arrow.png) no-repeat; }
.parLogo a:hover .info { display: block; }
.parLogo li a:first-child { border-left: 1px solid #ccc; }
.parLogo li:first-child a { border-top: 1px solid #ccc; }

.top-ban { position: relative; min-width: 1100px; }
.top-ban .top-nav, .top-ban .new-nav, .top-ban .pro-nav, .top-ban .last-nav { margin: -63px 0 0 0; background: #464646; opacity: 0.8; filter: alpha(opacity=70); }
.top-ban .top-nav .list, .top-ban .new-nav .list, .top-ban .pro-nav .list, .top-ban .last-nav .list { width: 710px; margin: 0 auto; }
.top-ban .top-nav .list a, .top-ban .new-nav .list a, .top-ban .pro-nav .list a, .top-ban .last-nav .list a { display: block; float: left; padding: 20px 37px; color: #fff; }
.top-ban .top-nav .list a:hover, .top-ban .new-nav .list a:hover, .top-ban .pro-nav .list a:hover, .top-ban .last-nav .list a:hover { background: #fff; color: #333; }
.top-ban .top-nav .list .on, .top-ban .new-nav .list .on, .top-ban .pro-nav .list .on, .top-ban .last-nav .list .on { background: #fff; color: #333; }
.top-ban .new-nav .list { width: 420px; }
.top-ban .pro-nav .list { width: 1100px; }
.top-ban .pro-nav .list a { padding: 20px 24px; }
.top-ban .last-nav .list { width: 145px; }

.content, .develop-content, .ry-content, .new-content { margin: 60px 0 155px; }

.content .company h3 { padding: 10px 0; font-weight: 500; color: #333; }
.content .company p { width: 655px; text-indent: 2em; line-height: 1.6; }
.content .culture { margin-left: 35px; }
.content .culture h1 { font-size: 25px; }
.content .culture h3 { color: #000; font-weight: 500; }
.content .culture p { padding: 5px 0 15px 0; }
.content .trails p { width: 680px; text-indent: 2em; line-height: 1.6; }

.develop-content [class^="icon-"]:before { font-size: 80px; }
.develop-content .c-list { background: #e6e6e6; padding: 38px 32px; height: 430px; cursor: pointer; }
.develop-content .c-list .hd { text-align: center; color: #333; }
.develop-content .c-list .hd [class^="icon-"]:before { color: #E76520; }
.develop-content .c-list .hd h2 { padding: 30px 0; font-size: 18px; font-weight: 600; }
.develop-content .c-list h3 { width: 280px; font-size: 14px; line-height: 1.6; }
.develop-content .c-list:hover { background: #E76520; }
.develop-content .c-list:hover h2, .develop-content .c-list:hover h3 { color: #fff; }
.develop-content .c-list:hover [class^="icon-"]:before { color: #fff; }

.pictureSlider { margin: 60px auto 150px; }

.poster-main { position: relative; height: 328px; }
.poster-main a, .poster-main img { display: block; width: 100%; }
.poster-main .poster-list { height: 328px; }
.poster-main .poster-list .poster-item { position: absolute; left: 0; top: 0; padding: 10px; border: 1px solid #ccc; background: #fff; }
.poster-main .poster-list p { position: absolute; left: 40%; bottom: -27px; }
.poster-main .poster-btn { position: absolute; top: 0; width: 40px; height: 40px; z-index: 20; cursor: pointer; opacity: 0.8; }
.poster-main .poster-prev-btn { left: 20px; background: url(../img/ban_prev.png) no-repeat center; }
.poster-main .poster-next-btn { right: 0px; background: url(../img/ban_next2.png) no-repeat center; }

.new-content .list-txt { margin: 25px 0 0 25px; border-bottom: 1px dotted #ccc; }
.new-content .list-txt .txt { width: 845px; }

.new-link-main { padding-bottom: 80px; }
.new-link-main .hd { text-align: center; }
.new-link-main .hd h3 { font-size: 20px; font-weight: 500; }
.new-link-main .hd p { margin-top: 10px; }
.new-link-main .bd { line-height: 1.8; }
.new-link-main .bd img { width: 510px; height: 354px; }
.new-link-main .bd a { color: #333; }

.back-btn { text-align: center; }
.back-btn a { width: 100px; padding: 5px 22px; border-top: 2px solid #ccc; border-bottom: 1px solid #ccc; }
.back-btn span { padding-left: 10px; }

.com-text p { text-indent: 2em; }

.pro-content, .ser-content { margin: 60px 0 90px; }

.pro-info a, .case-info a { float: left; margin-right: 55px; }
.pro-info a img, .case-info a img { width: 284px; height: 200px; border: 1px solid #ccc; padding: 20px; }
.pro-info a:last-child, .case-info a:last-child { margin-right: 0; }
.pro-info p, .case-info p { text-align: center; padding: 10px 0; }

.pro-more { position: relative; }
.pro-more a { display: block; background: url(../img/line.jpg) no-repeat center; padding: 6px 0; }
.pro-more a:before, .pro-more a:after { position: absolute; content: ""; width: 170px; height: 1px; background: #9a9a9a; top: 16px; }
.pro-more a:before { left: 313px; }
.pro-more a:after { right: 313px; }

.show-main { margin-top: 60px; }
.show-main h2 { font-size: 20px; padding-bottom: 20px; font-weight: 500; }
.show-main .list { padding-top: 20px; border-top: 1px solid #ccc; line-height: 1.8; }
.show-main .list .spot { display: inline-block; padding: 4px; margin-right: 10px; background: #ccc; }
.show-main a img { width: 410px; height: 278px; border: 1px solid #ccc; padding: 20px; }
.show-main .hd { width: 595px; margin-top: 62px; border-bottom: 1px solid #ccc; }
.show-main .hd a { float: left; background: #fff; color: #000; padding: 10px 30px; }
.show-main .hd a:hover { background: #E76520; color: #fff; }
.show-main .hd .on { background: #E76520; color: #fff; border-bottom: none; }

.tab-box { padding-bottom: 85px; }
.tab-box .bd { color: #333; }
.tab-box .bd li { padding-top: 30px; }
.tab-box .bd h3 { padding-bottom: 5px; }
.tab-box .bd p { line-height: 1.8; }

.case-info { padding-bottom: 50px; }
.case-info .pic-list { display: block; margin-right: 85px; background: #333; -webkit-transition: opacity .3s; transition: opacity .3s; }
.case-info .pic-list:hover { background: #E76520; }
.case-info .pic-list:hover img { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); }
.case-info .pic-list:last-child { margin-right: 0; }
.case-info .slide-item { width: 308px; position: relative; overflow: hidden; }
.case-info .slide-item span { webkit-transition-duration: 350ms; -moz-transition-duration: 350ms; -o-transition-duration: 350ms; -ms-transform-duration: 350ms; transition-duration: 350ms; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -ms-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transition-property: color,background-color,visibility,opacity; -moz-transition-property: color,background-color,visibility,opacity; -o-transition-property: color,background-color,visibility,opacity; -ms-transition-property: color,background-color,visibility,opacity; transition-property: color,background-color,visibility,opacity; }
.case-info .slide-item span img { width: 307px; height: 238px; padding: 0; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; -ms-transition: all 0.7s ease; transition: all 0.7s ease; }

.case-inner { position: relative; margin: 40px 0 80px; }
.case-inner h3 { padding-bottom: 40px; text-align: center; font-size: 20px; }
.case-inner .qunar { position: relative; overflow: hidden; }
.case-inner .qunar .slide-pic { width: 885px; margin: 0 auto; }
.case-inner .qunar .slide-pic li { position: relative; height: 528px; }
.case-inner .qunar .slide-pic li img { width: 885px; height: 588px; }
.case-inner .qunar .hd { left: 46%; top: 95%; }
.case-inner .qunar [class^="icon-"]:before { font-size: 40px; }
.case-inner .qunar .next, .case-inner .qunar .prev { position: absolute; top: 50%; }
.case-inner .qunar .prev { left: 0; }
.case-inner .qunar .next { right: 0; }
.case-inner .com-text { margin-top: 35px; border-top: 1px dashed #ccc; line-height: 1.8; }

.sup-content { margin: 60px 0 150px; }
.sup-content h2 { font-size: 20px; font-weight: 500; }
.sup-content .sup-text { padding-top: 30px; }
.sup-content .sup-text span { font-size: 20px; vertical-align: sub; }

.m60 { margin: 60px 0; }

.com-table thead { background-color: #a0a0a0; }
.com-table thead th { font-weight: 500; padding: 15px 0; }
.com-table .com-tbody tr { border-bottom: 1px dashed #ccc; }
.com-table .com-tbody td { width: 300px; padding: 15px 10px 15px 20px; }
.com-table .com-tbody td:first-child { text-align: left; }
.com-table .com-tbody .on { color: #000; }
.com-table .btn-down { padding: 5px 10px; background: #E76520; }

.redstar { display: inline-block; color: #ff0000; margin-right: 5px; }

.form-box { margin-left: 50px; }
.form-box .group input { border: none; outline: none; border: 1px solid #ccc; padding: 8px 8px; width: 245px; }
.form-box .textarea { width: 570px; height: 157px; border: 1px solid #ccc; resize: none; outline: 0; color: #333; padding: 10px; overflow: hidden; }
.form-box .btn-area .m-btn { border: none; outline: none; display: inline-block; padding: 5px 10px; margin-right: 5px; padding: 10px 54px; margin-right: 30px; cursor: pointer; }

.bg-orange { background: #E76520; }

.bg-grey { background: #a0a0a0; }

.ser-content { line-height: 2; }
.ser-content .ser-info { margin: 0 100px; }

.zp-top { margin: 60px 0 40px 0; text-align: center; }
.zp-top h3 { padding-bottom: 20px; font-size: 20px; }
.zp-top p { line-height: 1.8; }

.pic-bg { position: relative; }
.pic-bg .pic-text { position: absolute; bottom: 60px; right: 55px; width: 470px; height: 190px; background: #fff; padding: 30px 68px 68px; }
.pic-bg .pic-text h2 { font-size: 20px; font-weight: 500; padding-bottom: 20px; }
.pic-bg .pic-text p { line-height: 1.8; text-indent: 2em; }

.job-list .job-nav { background: #a0a0a0; color: #fff; }
.job-list .tit { text-align: center; display: inline-block; vertical-align: middle; width: 58%; padding: 10px 0; }
.job-list .tit:first-child { width: 20%; }
.job-list .tit:last-child { width: 20%; }
.job-list .active .jobhd { background: #E6E6E6; border-color: #E6E6E6; }
.job-list .active .btn-arrow { background: url(../img/arrow-up.png) no-repeat center; }
.job-list .jobhd { border-bottom: 1px dashed #ccc; color: #565656; cursor: pointer; }
.job-list .on { border-bottom: none; background: #E6E6E6; }
.job-list .btn-arrow { background: url(../img/arrow-down.png) no-repeat center; height: 30px; }
.job-list .jobbd { padding: 50px 100px; line-height: 1.8; border-bottom: 1px dashed #ccc; }

.con-l { padding: 40px 14px; background: #E76520; line-height: 1.8; }
.con-l h3 { margin-bottom: 20px; }
.con-l img { margin-top: 40px; }

.con-wap { margin: 20px 0 80px 0; line-height: 2; }
.con-wap img { padding-right: 10px; }
.con-wap h3 { border-bottom: 1px solid #ccc; padding-bottom: 20px; font-weight: 500; font-size: 18px; }
.con-wap .con-list .bor { border-left: 1px dashed #ccc; border-right: 1px dashed #ccc; }
.con-wap .con-list li { display: inline-block; padding: 0 95px; }
.con-wap .con-list li:last-child { padding-right: 0; }
